<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<!DOCTYPE html>
<html lang="en">
	<head>
		<!-- header -->
		<%@ include file="/WEB-INF/views/include/header.jsp"%>
		
	</head>
	<body class="no-skin">
		<!-- /section:basics/navbar.layout -->
		<div class="main-container" id="main-container">
			<script type="text/javascript">
				try{ace.settings.check('main-container' , 'fixed')}catch(e){}
			</script>

			<!-- /section:basics/sidebar -->
			<div class="main-content">
				<div class="main-content-inner">
					<div class="page-content">
						<!-- /section:settings.box -->
						<div class="row">
							<div class="col-xs-12">
								<div class="pull-left">
									    
										<button class="btn btn-sm btn-info" id="query">条件搜索</button>
									<%-- <shiro:hasPermission name="modules:sys:huashu:query"></shiro:hasPermission> --%>
									
									<button class="btn btn-sm btn-default" id="edit" >修改申报内容</button>   
<%-- 									<shiro:hasPermission name="modules:sys:huashu:edit"></shiro:hasPermission>--%>
									 	<button class="btn btn-sm btn-success" id="create" >申报录入</button>  
<%-- 									<shiro:hasPermission name="modules:sys:huashu:create"></shiro:hasPermission> --%>									<!-- <button class="btn btn-sm btn-success" id="createCla">新增分类</button> -->
										<button class="btn btn-sm btn-danger" id="delete" style="display: none" >删除</button>

									<button class="btn btn-sm btn-danger" id="exportCapital" >导出</button>
									<%--<shiro:hasPermission name="modules:sys:dept:excel"
										<button class="btn btn-sm btn-pink" id="export">导出</button>
									</shiro:hasPermission>--%>
								</div>
							</div>
						</div>
						<div class="row">
							<div class="col-xs-12">
								<!-- PAGE CONTENT BEGINS -->
									<!-- jqGrid表格 -->
									<table id="gridTable"></table>
									<!-- jqGrid工具类 -->
									<div id="gridPager"></div>
									<!-- 查询对话框 -->
									<div style="display: none;">
										<div class="row" id="queryDialog"></div>
									</div>
								<!-- PAGE CONTENT ENDS -->
							</div><!-- /.col -->
						</div><!-- /.row -->
					</div><!-- /.page-content -->
				</div>
			</div><!-- /.main-content -->

			<a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
				<i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
			</a>
			
			<!-- dialog -->
			<%@ include file="/WEB-INF/views/include/dialog.jsp"%>
		</div><!-- /.main-container -->
	</div>	
		<!-- footer -->
		<%@ include file="/WEB-INF/views/include/footer.jsp"%>
		
		<script type="text/javascript">
			//基本路径
			var baseUrl = "<s:url value="/modules/sys/Capital"></s:url>/"
			
			//jqgrid的表格高度
			var height = 320;
			//jqgrid表格行头的中文
			var colNames = ['','申报单号','是否审核','项目名称','投资方名称','项目状态','说明','是否纳统','是否纳税','是否开业','申报全额','最终认定金额','备注','上报佐证材料',];
			//jqgrid表格中每一行的信息模型
			var colModel = [
				{name:'sysId', width:0, hidden: true,key:true},
				{name:'summaryId',index:'summaryId',width:250,editable:true},
				{name:'isaudit',index:'isaudit', width:80,editable: false,formatter:aa10Fmatter},
				{name:'projectName',index:'projectName',width:400,editable:false},
				{name:'investorName',index:'investorName', width:400,editable: true},
				{name:'projectStatus',index:'projectStatus',width:400,editable:true},
				{name:'explains',index:'explains',width:400,editable:true},
				{name:'isnnu',index:'isnnu',width:80,editable:true,formatter:aa11Fmatter},
				{name:'isRatepay',index:'isRatepay',width:80,editable:true,formatter:aa11Fmatter},
				{name:'isOpen',index:'isOpen',width:80,editable:true,formatter:aa11Fmatter},
				{name:'totalInver',index:'totalInver', width:200, editable: true},
				{name:'finalInver',index:'finalInver',width:200,editable:true},
				{name:'reason',index:'reason',width:200,editable:true},
				{name:'taxproof',index:'taxproof', width:200,editable: true,formatter:showbtnFmatter},
			];
			
			//jqgrid的具体执行方法
			jqgrid({
				shrinkToFit:false,
              
				gridTableId : "#gridTable",
				gridPagerId : "#gridPager"
			});
			
			
			function aa10Fmatter(cellvalue,options,rowObject)
			{
				if(cellvalue=="1"){
					return "审核通过";
				}else if(cellvalue=="0") {
					return "未审核";
				}else if(cellvalue=="2"){
					return "作废";
				}else if(cellvalue=="3"){
					return "回退";
				}
			}

			function aa11Fmatter(cellvalue,options,rowObject)
			{
				if(cellvalue=="0"){
					return "否";
				}else if(cellvalue=="1") {
					return "是";
				}else {
					return "";
				}
			}
			//添加下载按钮
			function showbtnFmatter(cellvalue,options,rowObject)
			{
				if(cellvalue==null||cellvalue==""){
					return "无上传材料";
				}else{
					
					 
				var imgeHtml =" <button class=\"col-sm-5 btn btn-large btn-primary\"   onclick=\" downDetail('"+cellvalue+"'); \"   >下载</button> ";  
				return imgeHtml;
			  
				}
			}
			//下载按钮
			function downDetail(id){
				//alert(id);
				   var url ="/pictureUpload/download/"+id+".zip";
					window.open(url);
			}
			
			//加载查询对话框
			$("#queryDialog").load(getUrl("filter"));
			
			//重置表单
			function reset() {
				resetForm("#formDialog form");
			}
			
			//显示查询对话框
			var queryDialog = $("#queryDialog");
			$("#query").click(function() {
				showDialog({
					dialogTitle: '查询对话框',
					dialogBody: queryDialog,
					dialogFoot: "<button type='button' class='btn btn-primary' onclick='query()'>查询</button>" +
					"<button type='button' class='btn btn-pink' onclick='reset()'>重置</button>" +
					"<button type='button' class='btn btn-default' data-dismiss='modal'>关闭</button>"
				});
			});
			var exportData = '';
			var exportDataArray='';
			//具体查询方法
			function query() {
				exportData     =$('#formDialog form').serialize();
				exportDataArray=$('#formDialog form').serializeArray();
				//console.log(exportData);
				seachJqgird("#gridTable","#formDialog form");
				$("#formDialog").modal('hide');
			}
			
			//更新操作
			$("#edit").click(function() {
				showEditView();
			});
			
			//执行更新操作
			function edit() {
				executeSaveOrUpdate({
					formId: "#formDialog form",
					dialogId: "#formDialog",
					url: getUrl("edit"),
					tableId: "#gridTable",
					successMessage: "更新成功",
					successTitle: '更新对话框',
					failMessage: '更新失败',
					failTitle: '消息对话框'
				});
			}
			
			//显示编辑对话框
			function showEditView() {
				showEditDialog({
					tableId: "#gridTable",
					dialogTitle: "更新对话框",
					dialogUrl: getUrl("edit"),
					dialogFoot: '<button type="button" class="btn btn-primary" onclick="edit()">更新</button>' + 
					'<button type="button" class="btn btn-pink" onclick="reset()">重置</button>' + 
					'<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>',
					errorTitle: "消息对话框",
					errorMutiSelectMessage: '您当前选中多行，请重新选择',
					errorUnSelectMessage: '您当前尚未选中一行，请选择后再试',
					errorOk: '确定'
				});
			}	
			
			//显示编辑对话框
			function showView() {
				showEditDialog({
					tableId: "#gridTable",
					dialogTitle: "更新对话框",
					dialogUrl: getUrl("edit"),

					errorTitle: "消息对话框",
					errorMutiSelectMessage: '您当前选中多行，请重新选择',
					errorUnSelectMessage: '您当前尚未选中一行，请选择后再试',
					errorOk: '确定'
				});
			}	
			
			//删除
			$("#delete").click(function() {
				showDeleteView();
			});
			
			//显示删除对话框
			function showDeleteView() {
				showDeleteDialog({
					url: getUrl("delete"),
					tableId: "#gridTable",
					confirmTitle: "确认对话框",
					confirmMessage: "是否确定删除?",
					confirmOk: "确定",
					confirmCancel: "取消",
					successMessage: "删除成功",
					successTitle: "消息对话框",
					failMessage: "删除失败",
					failTitle: "消息对话框",
					errorTitle: "警告提示框",
					errorMessage: "您当前尚未选中一行，请选择后再试",
					errorOk: "确定"
				});
			}
			
			//显示创建对话框
			$("#create").click(function(){
				loadDialog({
					dialogTitle: '创建对话框',
					dialogUrl: getUrl("create"),
					dialogFoot: '<button type="button" class="btn btn-primary" onclick="create()">提交审核</button>' + 
					'<button type="button" class="btn btn-pink" onclick="reset()">重置</button>' + 
					'<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>'
				});
			});
			
			//分类编辑框
			$("#createCla").click(function(){
				loadDialog({
					dialogTitle: '创建对话框',
					dialogUrl: getUrl("createCla"),
					dialogFoot: '<button type="button" class="btn btn-primary" onclick="create()">添加</button>' + 
					'<button type="button" class="btn btn-pink" onclick="reset()">重置</button>' + 
					'<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>'
				});
			});
			//保存数据
			function create() {
				executeSaveOrUpdate({
					formId: "#formDialog form",
					dialogId: "#formDialog",
					url: getUrl("create"),
					tableId: "#gridTable",
					successMessage: "保存成功",
					successTitle: '保存对话框',
					//failMessage: '保存失败',
					failTitle: '消息对话框'
				});
			}
			
			
			$("#gridTable").dblclick(function(e){
				showView();
			});
			// 警告框
            function showShade(){
                var $vW = $(window).width();
                var $w = $(".warning").outerWidth();
                var $vH = $(window).height();
                var $h = $(".warning").outerHeight();
                $(".warning").css({"left":($vW - $w)/2 + "px","top":($vH - $h)/3 + "px"});
            };
            //警告框
            $(function(){
                //浏览器大小发生改变
                $(window).resize(function(){
                    showShade();
                });
                //点击span关闭
                // $("span").bind("click",function(){
                //     $(".shade").fadeOut(100);
                //     $(".warning").fadeOut(100);
                // });
                //绑定键盘事件  按下esc键退出
//                 $(document).keyup(function(ev){
// //                alert(ev.keyCode);  获取esc的键码27
//                     if(ev.keyCode == 27){
// //                    $("span").click();
//                         //模拟事件
//                         $("span").trigger("click");
//                     }
//                 })
//                 $('.shade').click(function () {
//                     $("span").trigger("click");
//                 })
            });


			//一览shengidoa
			$("#exportCapital").click(function () {
				// exportData=decodeURIComponent(exportData,true);//解码
				var url ="/export/ExportCapital"+'?'+exportData;
				//console.log(exportData);
				window.open(url);

			});
		</script>
		
	</body>
</html>